
//  --- my-card start ---

.my-card {
  display: flex;
  flex-direction: column;
  background-color: #FFFFFF;
  border-radius: 12px;

  .my-card-header, .my-card-footer {
    padding: 0 20px;
    min-height: 52px;
    position: relative;
  }

  .my-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;

    .left {

    }

    .center {

    }

    .right {

    }

    &:after {
      position: absolute;
      content: '';
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 1px;
      background-color: #ebf1f6;
    }
  }

  .my-card-container {
    padding: 20px;

    .my-table-search {
      display: flex;

      .search-but {
        text-align: right;
        width: 170px;
      }
    }

    .my-search-set {

      display: none;

      .search-set {
        text-align: right;
      }

    }


  }

  .my-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;

    .left {

    }

    .center {

    }

    .right {

    }

  }

  .my-card-footer {
    &:after {
      position: absolute;
      content: '';
      left: 0;
      top: 0;
      right: 0;
      width: 100%;
      height: 1px;
      background-color: #ebf1f6;
    }
  }

  .surely-table-title {
    padding: 15px!important;
  }

}

@media (min-width: 1400px) {
  .my-card {


    .my-card-container {
      .search-but-min {
        display: none;
      }
    }


  }

  $indigo: "#3333"


}

@media (max-width: 768px) {
  .my-card {

    .my-card-header {
      .center {
        display: none;
      }
    }


  }


}

@media (max-width: 1400px) {
  .my-card {

    .my-card-container {

      .my-search-set {
        display: inline-block;
      }

      .search-but {
        display: none;
      }
    }

  }
}

//  --- my-card end ---
